import { Tabs } from 'antd'
import {
  RedditOutlined,
  FormOutlined,
} from '@ant-design/icons';
import { useAppStore } from '@renderer/pages/designer/store/appStore'
import './index.less';
// 右侧栏
export default function RightSideBar() {

  const rightTabActiveKey = useAppStore(state => state.rightTabActiveKey)
  const updateRightTabActiveKey = useAppStore(state => state.actions.updateRightTabActiveKey)

  return <Tabs
    className='right-side-bar-tabs'
    activeKey={rightTabActiveKey}
    tabPosition='left'
    size='small'
    onChange={updateRightTabActiveKey}
    items={
      [
        {
          label: <FormOutlined />,
          key: 'file_explorer',
        },
        {
          label: <RedditOutlined />,
          key: 'cmd_explorer',
        }
      ]
    }
  />
}
